 <!doctype html>  
 <html lang="en">  
 <head>  
    <meta charset="UTF-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />  
    <meta name="apple-mobile-web-app-capable" content="yes" />  
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />  
    <meta name="format-detection" content="telephone=no, email=no" />  
    <title>Document</title>  
    <style>  
    #id {  
        width: 1150px;  
        height: 150px;  
        background: red;  
        position: absolute;  
        left: 0px;  
    }  
    .id {  
        width: 40px;  
        height: 150px;  
        background: green;  
        border: solid 1px grey;  
        float: left;  
          
    }  
    </style>  
 </head>  
 <body>  
 
 </body>  
 	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery.touchswipe/1.6.18/jquery.touchSwipe.min.js"></script>
 <script>  
 
$(window).swipe({
    swipeLeft:function(){
        console.log(123)
    },
    swipeRight:function(){
        console.log(456)
    }
});
 </script>  
 </html>  